<section style="background: #1a1a2e; border-radius: 8px; padding: 25px; margin: 20px 0; box-shadow: 0 4px 8px rgba(0,0,0,0.3);">
  <div style="font-family: 'Segoe UI', 'PingFang SC', sans-serif;">
    <div style="display: flex; align-items: center; margin-bottom: 15px;">
      <span style="background: #e94560; color: white; padding: 8px 16px; border-radius: 6px; font-size: 18px; font-weight: 600; box-shadow: 0 2px 4px rgba(233,69,96,0.3);">
        01
      </span>
      <h2 style="font-size: 24px; color: #f1f1f1; margin-left: 15px; font-weight: 600; letter-spacing: 0.5px;">
        <span>
          文章标题示例
        </span>
      </h2>
    </div>
    
    <p style="font-size: 16px; line-height: 1.8; color: #cccccc; margin: 0 0 20px; padding: 0 10px;">
      <span>
        这里是文章内容示例。这个模板采用了深色主题设计，使用#1a1a2e作为背景色，搭配#e94560的强调色，营造出强烈的视觉对比。文字使用浅色系保证可读性，整体风格现代而专业。
      </span>
    </p>

    <div style="text-align: right;">
      <a href="https://example.com" style="display: inline-flex; align-items: center; background: #0f3460; color: #e94560; text-decoration: none; font-weight: 600; font-size: 15px; padding: 8px 20px; border-radius: 6px; transition: all 0.3s ease;">
        <span style="margin-right: 8px;">More</span>
        <span style="font-size: 16px;">→</span>
      </a>
    </div>
  </div>
</section>